<!-- 文档声明，这里表示这是一个 HTML5 文件 -->
<!DOCTYPE html>
<!-- 网页的语言，这里表示 English 英语 -->
<html lang="en">
<!-- 
头部标签
头部标签并不会直接显示在网页，主要是用来做一些SEO优化的 
-->
<head>
    <!-- 网页字符集，这里用的是 UTF-8 字符集 -->
    <meta charset="UTF-8">
    <meta charset="UTF-8">
    <!-- 兼容移动端的一个固定写法 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 网页描述 -->
    <meta name="description" content="企业级CRM管理系统，提供可靠的全面的CRM管理功能">
    <!-- 搜索关键字 -->
    <meta name="keywords" content="CRM,源滚滚,企业级客户资源管理系统">
    <!-- 网页标题 -->
    <title>源滚滚CRM管理系统</title>
</head>
<!-- 
网页内容标签
所有网页上能看到的内容，都是编写在body标签里面的
-->
<body>
    <!-- 网页头部，通常是导航栏的部分，或者标题的部分 -->
    <header>
        <h1>网页标题</h1>
        <p>这是一个实例网页，展示 HTML 的基本结构</p>
    </header>

    <!-- 导航栏 -->
    <nav>
        <!-- 无序列表标签 -->
        <ul>
            <!-- 超链接标签 href 链接地址 -->
            <li><a href="#home">首页</a></li>
            <li><a href="#about">关于</a></li>
            <li><a href="#services">服务</a></li>
            <li><a href="#contact">联系我们</a></li>
        </ul>
    </nav>

    <!-- 主要内容区域 -->
    <main>
        <!-- 文章部分 -->
        <article>
            <h2>文章标题</h2>
            <p>这里是文章的内容。HTML 文档由多个部分组成，每个部分都有其特定的用途。</p>

            <!-- 文章章节 -->
            <section>
                <h3>章节标题</h3>
                <p>这是章节的内容。章节用于组织相关的内容。</p>
            </section>
        </article>

        <!-- 侧边栏 -->
        <aside>
            <h3>侧边栏</h3>
            <ul>
                <li>相关链接 1</li>
                <li>相关链接 2</li>
                <li>相关链接 3</li>
            </ul>
        </aside>
    </main>

    <!-- 页脚 -->
    <footer>
        <p>&copy; 2025 源滚滚编程，保留所有权利。</p>
    </footer>
</body>
</html>